<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为商城</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/base.css">
</head>

<body>

    <div class="header">
        <div class="head wrapper">

            <ul>
                <li> <a href="">华为官网</a></li>
                <li> <a href="">荣耀官网</a></li>
                <li> <a href="">软件应用<span><img src="./images/down.svg" alt=""></span></a></li>
                <li> <a href="">花粉俱乐部</a></li>
                <li> <a href="">Select Region</a></li>
            </ul>

            <ul>
                <li> <a href="">登录</a></li>
                <li> <a href="">注册</a></li>
                <li> <a href="">我的订单</a></li>
                <li> <a href="">V码(优购码)</a></li>
                <li> <a href="">手机版</a></li>
                <li> <a href="">网站导航<span><img src="./images/down.svg" alt=""></span></a></li>

            </ul>
        </div>


    </div>

    <div class="gg wrapper">
        <div class="huawei">
            <img src="./images/logo.huawei.png" alt="">
            <p>商城首页</p>
        </div>

        <div class="sm">
            <img src="./images/qrcode_vmall_app01.png" alt="">
            <p>微信扫码关注我们</p>
        </div>
    </div>

    <div class="fenlei">
        <div class="swtu">
            <ul class="cate wrapper">
                <li>
                    <a href="">华为专区</a>
                    <a href="">HUAWEI P10</a>
                    <a href="">HUAWEI Mate9</a>
                    <a href="">HUAWEI Nova</a>
                    <a href="">华为畅想6S</a>
                    <a href="">荣耀专区</a>
                </li>
            </ul>
        </div>

        <div>
            <img src="./images/2017042210305530.jpg" alt="">
        </div>

        <div class="subnav">
            <ul>
                <li>
                    <div><a href="#" class="classify">全部商品</a></div>
                </li>

                <li>
                    <div><a href="#" class="classify">手机</a></div>
                    <p><a href="#">HUAWEI Mate系列</a></p>
                </li>

                <li>
                    <div><a href="#" class="classify">平板 & 穿戴</a></div>
                    <p><a href="#">平板电脑</a><a href="">手表/手环</a></p>
                </li>

                <li>
                    <div><a href="#" class="classify">笔记本电脑</a></div>
                </li>

                <li>
                    <div><a href="#" class="classify">智能家居</a></div>
                    <p><a href="#">子母路由</a><a href="#">电力猫</a><a href="#">路由器</a></p>
                </li>

                <li>
                    <div><a href="#" class="classify">专属配件</a></div>
                    <p><a href="#">贴膜</a><a href="#">保护壳</a><a href="#">保护套</a></p>
                </li>

                <li>
                    <div><a href="#" class="classify">通用配件</a></div>
                    <p><a href="#">耳机</a><a href="#">音箱</a></p>
                </li>

            </ul>
        </div>

        <div class="yuan">
            <!-- 圆点指示器 -->
            <ol>
                <li class="current"><i>1</i></li>
                <li><i>2</i></li>
                <li><i>3</i></li>
                <li><i>4</i></li>
                <li><i>5</i></li>
                <li><i>6</i></li>
                <li><i>7</i></li>
            </ol>

        </div>

    </div>

    <div class="guang wrapper">
        <ul>
            <img src="./images/20170310105644358.jpg" alt="">
            <img src="./images/2017031017165551.jpg" alt="">
            <img src="./images/20170310090516264.jpg" alt="">
            <img src="./images/20170313143419135.jpg" alt="">
        </ul>
    </div>

    <div class="phone wrapper">
        <div>
            <ul>
                <p>HUAWEI P10 PLUS</p>
                <P>金属钻雕工艺</P>
                <a href="">￥ 4388</a>
            </ul>
            <img src="./images/1489161234073.png" alt="">
        </div>

        <div>
            <ul>
                <p>HUAWEI nova 青春版</p>
                <P>炫出我色彩</P>
                <a href="">￥ 1999</a>
            </ul>
            <img src="./images/1491476650727.png" alt="">
        </div>

        <div>
            <ul>
                <p>HUAWEI Mate 9Pro</p>
                <P>2K双曲面屏</P>
                <a href="">￥ 4699</a>
            </ul>
            <img src="./images/1484219138436.png" alt="">
        </div>


    </div>

    <hr style="height: 0.5px; background-color: rgba(0,0,0,0.1);">

    <div class="service wrapper">
        <ul>
            <li>
              <h5></h5>
          
              <p>500强企业  品质保证</p>
          
            </li>
          
            <li>
              <h5></h5>
          
              <p>7天退货  15天换货</p>
          
            </li>
          
            <li>
              <h5></h5>

              <p>99元起免运费</p>
            </li>
          
            <li>
              <h5></h5>
              <p>448家维修网点  全国联保</p>
            </li>
          
          </ul>
    </div>
    <hr>

    <div class="left wrapper">
        <dl>
          <dt><h5></h5>帮助中心</dt>
          <dd><a href="#">购物指南</a></dd>
          <dd><a href="#">配送方式</a></dd>
          <dd><a href="#">支付方式</a></dd>
          <dd><a href="#">常见问题</a></dd>
      
        </dl>
      
        <dl>
     
          <dt><h5></h5>售后服务</dt>
          <dd><a href="#">保修政策</a></dd>
          <dd><a href="#">退换货政策</a></dd>
          <dd><a href="#">退换货流程</a></dd>
          <dd><a href="#">保修状态查询</a></dd>
        </dl>
      
        <dl>
           
          <dt><h5></h5>技术支持</dt>
          <dd><a href="#">售后网点</a></dd>
          <dd><a href="#">荣耀零售店铺</a></dd>
          <dd><a href="#">预约维修</a></dd>
          <dd><a href="#">手机寄修服务</a></dd>
          <dd><a href="#">维修配件价格查询</a></dd>
          <dd><a href="#">软件下载</a></dd>
        </dl>
      
        <dl>
          <dt><h5></h5>关于商城</dt>
          <dd><a href="#">公司介绍</a></dd>
          <dd><a href="#">华为商城简介</a></dd>
          <dd><a href="#">联系客服</a></dd>
        </dl>
      
        <dl>
          <dt><h5></h5>关注我们</dt>
          <dd><a href="#">新浪微博<span class="iconfont icon-customer-service"></span></a></dd>
          <dd><a href="#">腾讯微博</a></dd>
          <dd><a href="#">花粉俱乐部</a></dd>
          <dd><a href="#">商城手机版</a></dd>
        </dl>
      
      </div>



       <!-- 1 -->
    <div class="footer wrapper">
        <div>
            友情链接: |华为官网|华为消费者业务|荣耀官网| 花粉俱乐部| 莫塞尔商城 | 爱旅官网 | 华为应用市场 | 万表网 | 中商情报网 | 刷机精灵 | 华为手机 | 优购物官网 | 智能电视 | UC浏览器 |
            中关村商城 | 酷狗音乐 | 华为商城手机版 | 百信手机网 | 卡宝宝网 | 多特软件下载 | 同步助手 | 蜂鸟摄影网 | 奇珀论坛 | 家具商城 | 拍鞋网商城 | 欧宝丽珠宝 | 寻购网 | 亿智蘑菇 | 安卓市场 |
            阿里巴巴生意经 | 手机大全 | 安卓软件园 | 卓大师刷机 | 智机论坛 | 电子产品世界 | 历趣网 | 网购返利 | Apple110 | 91手机门户网 | 移动叔叔 | 奥特莱斯 | 荣耀Magic | 携程租车 | 
            <a href=" ">申请链接>></a >
        </div>
      </div>
      <!-- 2 -->
      <div class="footer-info wrapper">
        <div class="footer-info-left">
        
          <p>隐私政策 服务协议 Copyright © 2012 - 2017 VMALL.COM 版权所有 保留一切权利</p >
        </div>
      </div>
      <!-- 3 -->
      <div class=" footer-a wrapper">
       <img src="./images/20160226162651249.png" alt="">
       <p> 苏公网安备 32011402010009号 | 苏ICP备09062682号-9 | 增值电信业务经营许可证：苏B2-20130048 网络文化经营许可证 ：苏网文[2015] 1599-026号</p >
      </div>
      <!-- 4 -->
      <div class="footer-b wrapper">
        <img src="./images/20161224180914742.jpg" alt="">
        <img src="./images/20160226162415360.png" alt="">
        <img src="./images/20160226162521265.png" alt="">
        <img src="./images/20160226162531395.png" alt="">
      </div>
      






</body>

</html>